<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/common.css" rel="stylesheet">
    <link href="../css/main.css" rel="stylesheet">
    <link href="../css/user.css" rel="stylesheet">
    <title>Document</title>
</head>

<body>
    <header></header>
    <div class="user">
        <div class="clearfix">
            <div class="user_nav">
                <div>
                    <h4>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-liebiao"></use>
                        </svg>
                        资金总览</h4>
                    <a href="/user/pandect.html">资金总览</a>
                    <a href="/user/recharge.html">充值</a>
                    <a href="/user/enchashment.html">提现</a>
                    <a href="/user/record.html">交易查询</a>
                    <a href="/user/user.html" class="active">账户认证</a>
                </div>
                <div>
                    <h4>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-touzi-copy"></use>
                        </svg>
                        我的投资</h4>
                    <a href="/user/myBidPlanList.html">点点安赢</a>
                    <!-- <a href="/user/vip.html">点点专享</a>
                    <a href="/user/assignment.html">自动投标</a> -->
                </div>
                <div>
                    <h4>
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-moneybag"></use>
                        </svg>
                        我的投资</h4>
                    <a href="/user/myloan.html">我的借款</a>
                </div>
            </div>
            <div class="user_header">
                <div class="user_header_nav">
                    <a class="active" href="#base" data-toggle="tab">账户信息</a>
                    <!-- <a href="#profile" data-toggle="tab">第三方支付</a> -->
                    <a href="#invite" data-toggle="tab">邀请信息</a>
                    <a href="#point" data-toggle="tab">我的积分</a>
                    <a href="#coupon" data-toggle="tab">我的优惠券</a>
                </div>
                <!--<div class="user_header_info">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-touxiang"></use>
                    </svg>
                    <p>15321936153</p>
                    <div class="progress">
                        <div class="progress-bar progress-bar-warning" style="width: 95%;">
                        </div>
                    </div>
                    <span><span>95%</span>安全等级</span>
                    <div class="state_icon">
                        <a href="#" class="finish" title="已实名认证">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-geren"></use>
                            </svg>
                        </a>
                        <a href="#" title="未验证邮箱">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-youxiang"></use>
                            </svg>
                        </a>
                        <a href="#" title="已验证手机">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-shouji"></use>
                            </svg>
                        </a>
                        <a href="#" title="已开通支付账户">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-zhifu"></use>
                            </svg>
                        </a>
                        <a href="#" title="未授权自动投标">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-shijianzhongbiao"></use>
                            </svg>
                        </a>
                    </div>
                </div>
           -->
            </div>
            <div class="user_plan tab-content user-css-cont">
                <div id="base" class="tab-pane in active">
                    <!--<h4>基础信息</h4>-->
                    <div class="urser-cont">
                        <p>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-chenggong"></use>
                            </svg>
                            <span class="user_plan_title">手机认证</span>
                            <span class="user_plan_info">153****6153</span>
                        </p>
                        <p>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-wancheng-"></use>
                            </svg>
                            <span class="user_plan_title">实名认证</span>
                            <span class="user_plan_info">王**<span> </span>1427****2719</span>
                        </p>
                        <p class="no_auth">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-tanhao-"></use>
                            </svg>
                            <span class="user_plan_title">实名认证</span>
                            <span class="user_plan_info">是账户所有权归属的最主要判断依据，实名认证会在开通资金托管账户过程中同时完成</span>
                        </p>
                        <p>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-wancheng-"></use>
                            </svg>
                            <span class="user_plan_title">资金托管账户</span>
                            <span class="user_plan_info">6000060170754867</span>
                        </p>
                        <p class="no_auth">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-jinggao"></use>
                            </svg>
                            <span class="user_plan_title">资金托管账户</span>
                            <span class="user_plan_info">由第三方（汇付天下支付）提供资金托管服务，保障资金独立与安全</span>
                            <a href="#" class="to_auth">开通</a>
                        </p>
                        <p class="no_auth">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-wancheng-"></use>
                            </svg>
                            <span class="user_plan_title">登录密码</span>
                            <span class="user_plan_info">上次登录时间：2017-08-04 10:19:58</span>
                            <a href="#" class="to_auth">修改登录密码</a>
                        </p>
                        <p class="no_auth">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-jinggao"></use>
                            </svg>
                            <span class="user_plan_title">电子邮箱</span>
                            <span class="user_plan_info">绑定后账户与产品变动会随时通知到邮箱</span>
                            <a href="#" class="to_auth">认证电子邮箱</a>
                        </p>
                        <p>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-wancheng-"></use>
                            </svg>
                            <span class="user_plan_title">电子邮箱</span>
                            <span class="user_plan_info">123456@qq.com</span>
                            <a href="#" class="to_auth">修改电子邮箱</a>
                        </p>
                        <p>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-wancheng-"></use>
                            </svg>
                            <span class="user_plan_title">推荐码</span>
                            <span class="user_plan_info">123456</span>
                        </p>
                        <p>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-wancheng-"></use>
                            </svg>
                            <span class="user_plan_title">推荐链接</span>
                            <span class="user_plan_info"><a href="#">https://www.binhetouzi.com/htmlreg.do?recommand=15321936153</a></span>
                        </p>
                        <p class="no_auth">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-jinggao"></use>
                            </svg>
                            <span class="user_plan_title">推荐人</span>
                            <span class="user_plan_info">无</span>
                            <a href="#" class="to_auth">录入推荐人</a>
                        </p>
                        <p>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-wancheng-"></use>
                            </svg>
                            <span class="user_plan_title">推荐人</span>
                            <span class="user_plan_info">123456</span>
                        </p>
                    </div>
                </div>
                <div id="invite" class="tab-pane in">
                    <!--<h4>邀请记录</h4>-->
                    <div class="point_list">
                        <div class="point_list_title row">
                            <div class="col-md-3 col-sm-3 text-center">用户账户</div>
                            <div class="col-md-2 col-sm-2 text-center">姓名</div>
                            <div class="col-md-3 col-sm-3 text-center">创建时间</div>
                            <div class="col-md-2 col-sm-2 text-center">用户类型</div>
                            <div class="col-md-2 col-sm-2 text-center">奖励</div>
                        </div>
                        <!--<div class="text-center">您暂时没有邀请信息</div>-->
                        <div class="point_list_info row">
                            <div class="col-md-3 col-sm-3 text-center">用户账户</div>
                            <div class="col-md-2 col-sm-2 text-center">姓名</div>
                            <div class="col-md-3 col-sm-3 text-center">创建时间</div>
                            <div class="col-md-2 col-sm-2 text-center">用户类型</div>
                            <div class="col-md-2 col-sm-2 text-center">奖励</div>
                        </div>
                        <div class="point_list_info row">
                            <div class="col-md-3 col-sm-3 text-center">用户账户</div>
                            <div class="col-md-2 col-sm-2 text-center">姓名</div>
                            <div class="col-md-3 col-sm-3 text-center">创建时间</div>
                            <div class="col-md-2 col-sm-2 text-center">用户类型</div>
                            <div class="col-md-2 col-sm-2 text-center">奖励</div>
                        </div>
                    </div>
                </div>
                <div id="point" class="tab-pane in">
                    <div class="point_msg row">
                        <div class="col-sm-4 col md-4"></div>
                        <div class="col-sm-4 col md-4"></div>
                        <div class="col-sm-4 col md-4"></div>
                    </div>
                    <!--<h4>积分记录</h4>-->
                    <div class="form-horizontal">
                        <div class="form-control-static">
                            <span class="col-sm-2 col-md-2 control-label">积分时间：</span>
                            <div class="col-sm-3 col-md-3">
                                <select class="form-control col-sm-3 col-md-3">
                                    <option value="">11</option>
                                    <option value="">22</option>
                                    <option value="">33</option>
                                </select>
                            </div>
                            <a class="btn btn-danger">积分兑换</a>
                        </div>
                    </div>
                    <div class="point_list">
                        <div class="point_list_title row">
                            <div class="col-md-4 col-sm-4 text-center">时间</div>
                            <div class="col-md-4 col-sm-4 text-center">积分</div>
                            <div class="col-md-4 col-sm-4 text-center">详细</div>
                        </div>
                        <div class="text-center">暂无积分</div>
                        <div class="point_list_info row">
                            <div class="col-md-4 col-sm-4 text-center">2017-08-17 15:51:56</div>
                            <div class="col-md-4 col-sm-4 text-center">+1</div>
                            <div class="col-md-4 col-sm-4 text-center">每日登录赠送</div>
                        </div>
                    </div>
                    <div class="line"></div>
                    <h4>积分兑换</h4>
                    <div class="point_list">
                        <div class="point_list_title row">
                            <div class="col-md-4 col-sm-4 text-center">时间</div>
                            <div class="col-md-4 col-sm-4 text-center">积分</div>
                            <div class="col-md-4 col-sm-4 text-center">详细</div>
                        </div>
                        <div class="text-center">暂未有积分兑换活动，尽请期待！</div>
                    </div>
                </div>
                <div id="coupon" class="tab-pane in">
                    <!--<h4>优惠券列表</h4>-->
                    <p class="coupon_type">
                        <span class="active">未使用</span>
                        <span>已使用</span>
                        <span>已过期</span>
                    </p>
                    <div class="form-horizontal">
                        <span class="col-sm-2 control-label">优惠券激活码：</span>
                        <div class="col-sm-2">
                            <input type="text" class="form-control">
                        </div>
                        <a class="btn btn-danger">激活</a>
                    </div>
                    <div class="point_list">
                        <div class="point_list_title row">
                            <div class="col-md-4 col-sm-4 text-center">优惠券</div>
                            <div class="col-md-4 col-sm-4 text-center">有效期</div>
                            <div class="col-md-4 col-sm-4 text-center">来源</div>
                        </div>
                        <div class="text-center">暂无优惠券</div>
                        <div class="point_list_info row">
                            <div class="col-md-4 col-sm-4 text-center">123456</div>
                            <div class="col-md-4 col-sm-4 text-center">2017-08-17 15:51:56</div>
                            <div class="col-md-4 col-sm-4 text-center">*********</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer></footer>
    <script src="//at.alicdn.com/t/font_491183_uvyq83qujwu680k9.js"></script>
    <script src="//cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script>
        $(".user_header_nav").on("click", "a", function () {
            $(".user_header_nav a").removeClass();
            $(this).addClass("active")
        });
        $(".coupon_type").on("click", "span", function () {
            $(".coupon_type span").removeClass();
            $(this).addClass("active")
        })
    </script>
</body>

</html>